<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>哔哩哔哩 (゜-゜)つロ 干杯~-bilibili</title>
<c:set var="basepath" scope="page"
	value="${pageContext.request.contextPath}"></c:set>
<link rel="stylesheet" type="text/css" href="${basepath}/css/header.css" />
<link rel="stylesheet" type="text/css"
	href="${basepath}/css/header-index.css" />
<link rel="stylesheet" type="text/css" href="${basepath}/css/首页.css" />
<link rel="stylesheet" type="text/css" href="${basepath}/css/footer.css" />

<script src="${basepath}/js/jquery.min.js"></script>
<!-- Bootstrap -->
<link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
</style>

</head>
<body>


	<!--标题栏开始-->
	<header>
		<!--左边板块开始-->
		<div class="hleft">
			<!--logo开始-->
			<div class="logo">
				<a href="index.jsp"> <span class="zhuzhan">主站</span>

				</a>
				<!--目录开始-->
				<div class="meun">
					<div class="mleft">
						<a href="./video.do?op=getF&&type=Donghua" class="ms">动画 <span>1996</span></a> 
						<a href="./video.do?op=getF&&type=Shenghuo" class="ms">生活 <span>15936</span></a> 
						<a href="./video.do?op=getF&&type=Fanju" class="ms">番剧<span>107</span></a> 
						<a href="./video.do?op=getF&&type=Guichu" class="ms">鬼畜 <span>110</span></a> 
						<a href="./video.do?op=getF&&type=Guochuang" class="ms">国创 <span>154</span></a> 
						<a href="./video.do?op=getF&&type=Shishang" class="ms">时尚<span>892</span></a> 
						<a href="./video.do?op=getF&&type=Yinyue" class="ms">音乐 <span>3407</span></a> 
						<a href="./video.do?op=getF&&type=Guanggao" class="ms">广告 <span>83</span></a>
						<a href="./video.do?op=getF&&type=Wudao" class="ms">舞蹈 <span>495</span></a>
						<a href="./video.do?op=getF&&type=Yule" class="ms">娱乐 <span>3363</span></a>
						<a href="./video.do?op=getF&&type=game" class="ms">游戏 <span>17878</span></a>
						<a href="./video.do?op=getF&&type=Yingshi" class="ms">影视<span>2985</span></a>
						<a href="./video.do?op=getF&&type=Keji" class="ms">科技 <span>2746</span></a>
						<a href="./video.do?op=getF&&type=Fangyingting" class="ms">放映厅 <span class="ls">302</span></a>
						<a href="./video.do?op=getF&&type=Shuma" class="ms">数码 <span>486</span></a>
					</div>
					<div class="mright">
						<a href="#" class="ms">专栏</a> <a href="#" class="ms">直播</a> <a
							href="#" class="ms">小黑屋</a> <a href="#" class="ms">话题</a> <a
							href="#" class="ms">活动</a> <a href="#" class="ms">赛事</a>

					</div>
				</div>
				<!--目录结束-->
			</div>
			<!--logo结束-->
			<!--左导航开始-->
			<ul>
				<li><a href="#" class="zhuli">番剧</a></li>
				<li class="games"><a href="#" class="zhuli">游戏中心</a>
					<div class="games-1">
						<div class="games-1-left">
							<img src="img/header/gl1.jpg" />
							<p class="ig">妄想破绽</p>
							<a href="#"><img src="img/header/gl2.jpg" title="双生世界" />
								<p>双生世界</p></a> <a href="#"><img src="img/header/gl3.png"
								title="命运-冠" />
								<p>命运-冠</p></a> <a href="#"><img src="img/header/gl4.png"
								title="重装战姬" />
								<p>重装战姬</p></a>
						</div>
						<div class="games-1-right">
							<img src="img/header/xinyou.png" />
							<ul>
								<li><a href="#">逃脱者：困境突围</a><img src="img/header/g1.png" /></li>
								<li><a href="#">泡沫冬景</a><img src="img/header/g2.png" /></li>
								<li><a href="#">站双帕弥什</a><img src="img/header/g3.png" /></li>
								<li><a href="#">大王不高兴</a><img src="img/header/g4.png" /></li>
								<li><a href="#">阴阳师：百闻啤</a><img src="img/header/g5.png" /></li>
								<li><a href="#">公主连结Re:Dive</a><img src="img/header/g6.png" /></li>
								<li><a href="#">Dead Cells</a><img src="img/header/g7.png" /></li>
							</ul>
						</div>
					</div></li>
				<li class="zhibo"><a href="#" class="zhuli">直播</a>
					<div class="zhibo-1">
						<div class="zhibo-1-left">
							<h3>热门直播</h3>
							<div class="zhibo-list">
								<a href="#"><img src="img/header/t1.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>酸奶EIF</p></a> <a href="#"><img src="img/header/t2.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>夜落莫言</p></a> <a href="#"><img src="img/header/t3.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>十二月的...</p></a> <a href="#"><img src="img/header/t4.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>睡神不醒、</p></a> <a href="#"><img src="img/header/t5.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>是辞妹o</p></a> <a href="#"><img src="img/header/t6.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>梦醒三生梦</p></a>
							</div>
						</div>
						<div class="zhibo-1-right">
							<h3>热门活动</h3>
							<div class="zhibo-1-right-tu">
								<img src="img/header/zyt1.jpg" />
							</div>
							<div class="zhibo-1-right-tu">
								<img src="img/header/zyt2.jpg" />
							</div>
						</div>
					</div></li>
				<li><a href="#" class="zhuli">会员购</a></li>
				<li class="manhua"><a href="#" class="zhuli">漫画</a>
					<div class="manhua-1">
						<div class="manhua-1-left">
							<div class="manhuadiv">
								<img src="img/header/man1.png" title="我的英雄学院" />
								<p>我的英雄学院</p>
							</div>
							<div class="manhuadiv">
								<img src="img/header/man2.png" title="鬼灭之刃" />
								<p>鬼灭之刃</p>
							</div>
							<div class="manhuadiv">
								<img src="img/header/man3.jpg" title="刀剑神域" />
								<p>刀剑神域</p>
							</div>
							<div class="manhuadiv">
								<img src="img/header/man4.jpg" title="天官赐福" />
								<p>天官赐福</p>
							</div>
						</div>
						<div class="manhua-1-right">
							<p>人气漫画</p>
							<ol>
								<li class="mname"><a href="#">鬼灭之刃</a><img
									src="img/header/mname1.jpg" /></li>
								<li class="mname"><a href="#">BEASTERS 动物...</a><img
									src="img/header/mname2.jpg" /></li>
								<li class="mname"><a href="#">入间同学入魔了!</a><img
									src="img/header/mname3.jpg" /></li>
								<li class="mname"><a href="#">幽冥诡匠</a><img
									src="img/header/mname4.jpg" /></li>
								<li class="mname"><a href="#">租借女友</a><img
									src="img/header/mname5.jpg" /></li>
								<li class="mname"><a href="#">天官赐福</a><img
									src="img/header/mname6.jpg" /></li>
							</ol>
						</div>
					</div></li>
				<li><a href="#" class="zhuli">赛事</a></li>
				<li class="BML"><a href="#" class="zhuli"
					style="display: inline-block;"><img src="img/header/bml.png"
						style="width: 60px; height: 40px; vertical-align: middle;"></a>
					<div class="bml-1">
						<a href="#"><img src="img/header/bml1.webp" title="BW广州赛预售开启!" />
							<p>BML广州赛预售开启!</p></a> <a href="#" class="bml-1-2"><img
							src="img/header/bml2.webp" title="BilibiliWorld成都" />
							<p>BilibiliWorld成都</p></a>
					</div></li>
				<li><a href="#" class="zhuli">跨晚</a></li>
				<li class="xiazai"><a href="#" class="zhuli">下载APP</a>
					<div class="xiazaiapp"></div></li>

			</ul>
			<!--左导航结束-->
		</div>
		<!--左边板块结束-->
		<!--中间板块开始-->
		<form id="getF" action="./video.do?type=all" method="post">
			<input type="text" name="title" placeholder="输入" value="" /> <input
				type="hidden" name="op" value="getF" />
			<div id="getB" class="fangda"></div>
		</form>
		<!--中间板块结束-->
		<!--右边板块开始-->

		<div id="userJ" class="hright">
			<div class="tou">
				<a href="#"><img src="img/header/tou.webp" class="tou-img" /></a>
				<div class="tou-1">
					<p class="tou-p">${user.getName()}</p>
					<div class="tdiv-1">
						· <span class="szuo">等级 ${user.getRank()}</span> <span
							class="syou">8870 / 10800</span> <img src="img/header/xian.png" />
						<div class="tdiv-1-1">
							<p class="p-title">作为LV4，你可以：</p>
							<p>1、发射高级弹幕（彩色、高级、顶部、底部）</p>
							<p>2、参与视频互动（评论、添加、Tag）</p>
							<p>3、投稿成为偶像</p>
							<a href="#">会员等级相关说明&nbsp;&nbsp;&nbsp;&nbsp;></a>
						</div>
					</div>
					<div class="tdiv-2">
						<span><img src="img/header/t2-2.png" />683.0</span> <span><img
							src="img/header/t2-1.png" />0</span> <img src="img/header/t2-3.png" />
					</div>
					<div class="tdiv-3">
						<div class="tdiv-3-1">
							<span>关注</span>
							<p>166</p>
						</div>
						<div class="tdiv-3-1">
							<span>粉丝</span>
							<p>0</p>
						</div>
						<div class="tdiv-3-1">
							<span>动态</span>
							<p>0</p>
						</div>
					</div>
					<ul id="tou-ul">
						<li id="tli"><a href="#">个人中心</a></li>
						<li id="tli"><a href="#">投稿管理</a></li>
						<li id="tli"><a href="#">B币钱包</a></li>
						<li id="tli"><a href="#">订单中心</a></li>
						<li id="tli"><a href="#">直播中心</a></li>
						<li id="tli"><a href="#">我的课程</a></li>
					</ul>
					<div class="tdiv-4">
						语言：简体中文 <img src="img/header/tjian.png" />
						<div class="tdiv-4-1">
							<ul>
								<li class="tdiv-4-shang">简体中文 <img
									src="img/header/tgou.png" /></li>
								<li>繁体中文</li>
							</ul>
						</div>
					</div>
					<div class="tdiv-5">
						<form id="log1" action="./ajaxuser.do?op=loginOpen" method="post">

						</form>
						<div id="endLog" class="tdiv-5-1">退出</div>
					</div>
				</div>
			</div>
			<ul class="rul">
				<li class="xiaoxi"><a href="#">消息</a>
					<div class="xiaoxi-1">
						<ul>
							<li><a href="#">回复我的</a></li>
							<li><a href="#">@我的</a></li>
							<li><a href="#">收到的赞</a></li>
							<li><a href="#">系统通知</a><img src="img/header/one.png" /></li>
							<li><a href="#">我的消息</a></li>
						</ul>
					</div> <img src="img/header/one.png" /></li>
				<li class="dongtai"><a href="#">动态</a>
					<div class="dongtai-1">
						<div class="dongtai-1-top">
							<span>视频动态</span>
						</div>
						<div class="dongtai-1-bottom"></div>
					</div></li>
				<li class="shoucang"><a href="#">收藏</a>
					<div class="shoucang-1">
						<div class="shoucang-1-left">
							<div class="scl-shang">
								默认收藏夹&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;32</div>
							<!-- <div class="scl-xia">
								稍后再看&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0
							</div> -->
						</div>
						<div class="shoucang-1-right">
							<div class="scr-shang">
								<div class="spdiv">
									<img src="img/header/ls8.webp" /> <span>01:09</span>
									<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶？ 华为MatePad Pro...</p>
									<p class="pxia">短的发布会</p>
								</div>
							</div>

						</div>
					</div></li>
				<li class="lishi"><a href="#">历史</a>
					<div class="lishi-1">
						<div class="lishi-1-top">
							<p>
								<span class="zhuan1">视频历史</span><span class="zhuan2">专栏</span>
							</p>
						</div>
						<div class="lishi-1-bottom">
							<p>今天</p>
							<div class="spdiv">
								<img src="img/header/ls1.webp" />
								<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶？ 华为MatePad Pro...</p>
								<p class="pxia">短的发布会&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今天 13:00</p>
							</div>

						</div>
					</div></li>
				<li><a href="#">创作中心</a></li>
			</ul>
			<div class="tougao">
				<a href="#">投稿</a>
				<div class="tougao-1">
					<ul>
						<li><a href="#"><img src="img/header/tg1.png" />专栏投稿</a></li>
						<li><a href="#"><img src="img/header/tg2.png" />音频投稿</a></li>
						<li><a id="btnclick" href="#"><img
								src="img/header/tg3.png" />视频投稿</a></li>
					</ul>
				</div>
			</div>

		</div>
		<div id="logshow" class="hright">
			<div id="" class="tou">
				<a href="#"><img src="img/header/tou.webp" class="tou-img" /></a>
				<div class="tou-1">
					<div class="tdiv-3">
						<div class="tdiv-3-1">
							<span></span>
							<p></p>
						</div>
						<div class="tdiv-3-1">
							<span></span>
							<p></p>
						</div>
						<div class="tdiv-3-1">
							<span></span>
							<p></p>
						</div>
					</div>
					<ul id="tou-ul">
						<li id="tli"><a href="#"></a></li>
					</ul>

					<ul id="tou-ul">
						<li id="tli" style="display: inline-block"><a
							href="../Ezf_login.jsp"></a>
							<form id="openlogin" action="./ajaxuser.do?op=loginOpen"
								method="post"></form>
							<div>
								<button id="logbtu2" type="button" class="btn btn-success">登陆</button>
							</div></li>

						<li id="tli" style="display: inline-block"><a
							href="../Ezb_register.jsp"></a>
							<form id="register" action="./ajaxuser.do?op=regOpen"
								method="post"></form>
							<div style="display: inline-block">
								<button id="regbtu2" type="button" class="btn btn-success">注册</button>
							</div></li>

					</ul>
				</div>
			</div>

		</div>
		<!--右边板块结束-->
		<div class="header_bottom">
			<div class="icon">
				<a href="/index.html"> <img src="img/header/logo4.png"
					class="logo2" />
				</a>
			</div>
			<p class="jiayou">盼嫦娥五号平安回家!</p>

		</div>

	</header>
	<!--标题栏结束-->
	<!--首页栏开始-->

	<div class="index">
		<div class="in-menu">
			<div class="in-m-zuo">
				<a href="#">首页</a> <a href="#">动态</a> <a href="#">排行榜</a>
				<div class="chongxian-1"></div>
			</div>
			<div class="in-m-zhong">
				<ul>
					<li><a href="./video.do?op=getF&&type=Donghua">动画</a> <span>999+</span></li>
					<li><a href="./video.do?op=getF&&type=Yinyue">音乐</a> <span>999+</span></li>
					<li><a href="./video.do?op=getF&&type=Wudao">舞蹈</a> <span>999+</span></li>
					<li><a href="./video.do?op=getF&&type=Keji">科技</a> <span>999+</span></li>
					<li><a href="./video.do?op=getF&&type=Shenghuo">生活</a> <span>999+</span></li>
					<li><a href="./video.do?op=getF&&type=Shishang">时尚</a> <span>999+</span></li>
					<li><a href="./video.do?op=getF&&type=Yule">娱乐</a> <span>999+</span></li>
					<li><a href="./video.do?op=getF&&type=Fangyingting">放映厅</a> <span>652</span></li>
					<li><a href="./video.do?op=getF&&type=Dongwuquan">动物圈</a> <span>999+</span></li>
					<li><a href="./video.do?op=getF&&type=Danjiyouxi">单机游戏</a> <span>999+</span></li>
					<li><a href="./video.do?op=getF&&type=Fanju">番剧</a> <span>179</span></li>
					<li><a href="./video.do?op=getF&&type=Guochuang">国创</a> <span>131</span></li>
					<li><a href="./video.do?op=getF&&type=game">游戏</a> <span>999+</span></li>
					<li><a href="./video.do?op=getF&&type=Shuma">数码</a> <span>886</span></li>
					<li><a href="./video.do?op=getF&&type=Guichu">鬼畜</a> <span>79</span></li>
					<li><a href="./video.do?op=getF&&type=Guanggao">广告</a> <span>323</span></li>
					<li><a href="./video.do?op=getF&&type=Yingshi">影视</a> <span>999+</span></li>
					<li><a href="./video.do?op=getF&&type=Gaoxiao">搞笑</a> <span>999+</span></li>
					<li><a href="./video.do?op=getF&&type=Meishiquan">美食圈</a> <span>999+</span></li>
					<li><a href="./video.do?op=getF&&type=VLOG">VLOG</a></li>
				</ul>
			</div>
			<div class="in-m-you">
				<div class="chongxian-2"></div>
				<ul>
					<li><a href="#">专栏</a></li>
					<li><a href="#">小黑屋</a></li>
					<li><a href="#">活动</a></li>
					<li><a href="#">直播</a>

						<div class="in-zhibo">
							<img src="img/index/jians.png" /> <a href="#">全部</a> <a href="#">游戏</a>
							<a href="#">手游</a> <a href="#">娱乐</a> <a href="#">电台</a> <a
								href="#">绘画</a> <a href="#"></a> <a href="#"></a> <a href="#"></a>
							<a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a>
							<a href="#"></a>
						</div></li>
				</ul>
			</div>
		</div>
		<div class="index-1">
			<div class="index-1-left">
				<ul id="index-1-1">
					<li><img src="img/index/banner1.png" />
						<p>今年你最喜欢的游戏是？</p></li>
					<li><img src="img/index/banner2.jpg" />
						<p>
							<span>广告</span>超多新关卡,即刻体验
						</p></li>
					<li><img src="img/index/banner3.jpg" />
						<p>
							<spaan>广告</spaan>
							让我们与呱呱一起开启旅程
						</p></li>
					<li><img src="img/index/banner4.jpg" />
						<p>20万奖金，百万情感故事征稿火热进行中！</p></li>
					<li><img src="img/index/banner5.jpg" />
						<p>不要再打了，要打去鬼畜区打！</p></li>
				</ul>
				<ul id="index-1-2">
					<li><a href="#"></a><img src="img/index/xiao.png" /></li>
					<li><a href="#"></a><img src="img/index/xiao.png" /></li>
					<li><a href="#"></a><img src="img/index/xiao.png" /></li>
					<li><a href="#"></a><img src="img/index/xiao.png" /></li>
					<li><a href="#"></a><img src="img/index/xiao.png" /></li>
				</ul>
				<span class="gengduo">更多</span>
			</div>
			<div class="index-1-right">
				<ul id="index-1-3">
					<li><img src="img/index/1.jpg" class="image" /> <a
						href="/video.html" target="_blank">
							<div class="yincang">
								<p>赛博朋克2077里的地铁真的能坐！体验堪比过山车！</p>
								<p>
									<span>UP</span>逗川kshadow
								</p>
								<p>9.1万播放</p>
								<img src="img/index/zhuan.png" />
							</div>
					</a></li>
					<li><img src="img/index/2.jpg" class="image" /> <a
						href="/video.html" target="_blank">
							<div class="yincang">
								<p>【进击的鸡爪煲】那一天人类回想起被鸡爪支配的美味！</p>
								<p>
									<span>UP</span>日食记
								</p>
								<p>9.1万播放</p>
								<img src="img/index/zhuan.png" />
							</div>
					</a>a href=""></a></li>
					<li><img src="img/index/b3.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b4.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b5.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b6.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b7.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b8.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b9.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b10.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b11.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b12.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/3.webp" class="image" />
						<div class="yincang">
							<p>流畅玩赛博2077需要什么电脑？如何优化设置提高帧数？</p>
							<p>
								<span>UP</span>极客湾Geekerwan
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b14.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/4.webp" class="image" />
						<div class="yincang">
							<p>猫和老鼠-2077</p>
							<p>
								<span>UP</span>庄不纯
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b16.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b17.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b18.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b19.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b10.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b21.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b22.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b23.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
					<li><img src="img/index/b24.webp" />
						<div class="yincang">
							<p>【庆生曲/翻唱】Ubiquitous dB【湊あくあ】</p>
							<p>
								<span>UP</span>湊-阿库娅Official
							</p>
							<p>9.1万播放</p>
							<img src="img/index/zhuan.png" />
						</div></li>
				</ul>
				<div id="btn-left"></div>
				<div id="btn-right"></div>
			</div>
		</div>
		<div class="tuiguang">
			<div class="tuiguang-left">
				<p class="div-title">
					推广<a href="#" class="div-a">和赖美云一起承包喵喵</a>
				</p>
				<ul>
					<li><a href="#"> <img height="116px"
							data-lazy-src="img/index/e1.webp" />
							<p>
								<span>广告</span>《明日方舟》全新EP – Zone 10⁻⁸发布
							</p> <span class="tg-shijian">04:08</span> <img
							src="img/index/zhuan.png" class="tg-zhuan" />
					</a>
						<p class="tg-up">
							<span>UP</span>明日方舟
						</p></li>
					<li><a href="#"> <img height="116px"
							data-lazy-src="img/index/e2.webp" />
							<p>"不上镜"怎么办?上镜美十分的方法|手把手教你做网骗</p> <span class="tg-shijian">04:08</span>
							<img src="img/index/zhuan.png" class="tg-zhuan" />
					</a>
						<p class="tg-up">
							<span>UP</span>今天萝梨找工作了吗
						</p></li>
					<li><a href="#"> <img height="116px"
							data-lazy-src="img/index/e3.webp" />
							<p>【官方】动画电影《姜子牙》预告</p> <span class="tg-shijian">04:08</span> <img
							src="img/index/zhuan.png" class="tg-zhuan" />
					</a>
						<p class="tg-up">
							<span>UP</span>不动的ACG大图书馆
						</p></li>
					<li><a href="#"> <img height="116px"
							data-lazy-src="img/index/e4.webp" />
							<p>【超果果】商业鬼才？你没有见过的魔鬼游乐园！</p> <span class="tg-shijian">04:08</span>
							<img src="img/index/zhuan.png" class="tg-zhuan" />
					</a>
						<p class="tg-up">
							<span>UP</span>超果果mc
						</p></li>
					<li><a href="#"> <img height="116px"
							data-lazy-src="img/index/e5.webp" />
							<p>【鲍勃】听说这局你能赢？？？？</p> <span class="tg-shijian">04:08</span> <img
							src="img/index/zhuan.png" class="tg-zhuan" />
					</a>
						<p class="tg-up">
							<span>UP</span>上坟的小寡妇
						</p></li>
				</ul>
			</div>

		</div>





		<%-- 	<div class="tuiguang saishi">
			<div class="tuiguang-left">
				<p class="div-title">电竞赛事</p>
				<ul>
					<li><a href="video.do?op=play&id=${videoList.get(0).getId()}">
							<img height="116px"
							data-lazy-src="${videoList.get(0).getCover()}" /> <!-- 修改图片地址 -->
							<p>${videoList.get(0).getTitle()}</p> <!-- 修改视频标题 --> <span
							class="tg-shijian">04:08</span> <span class="ss-guan">${list.get(0).getPlayvolume()}万</span>${list.get(0).getLength()}
							<span class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
							class="tg-zhuan" />
					</a></li>
				</ul>
			</div>
			<div class="tuiguang-right">
				<img data-lazy-src="img/index/sai6.png" />
			</div>
		</div>
         --%>



		<!-- 直播显示界面 -->
		<div class="tuiguang saishi">
			<div class="tuiguang-left">
				<p class="div-title" id="zhibo">直播</p>
				<ul>
					<c:forEach items="${videoListZhibo}" var="a" end="5"
						varStatus="status">
						<li><a href="video.do?op=play&id=${a.getId()}"> <img
								height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
								<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span class="tg-shijian">${a.getLength()}</span>
								<span class="ss-guan">${a.getPlayvolume()}</span> <span
								class="ss-dian">点赞数</span> <img src="img/liebiao/shijian.png"
								class="tg-zhuan" />
						</a>
					</c:forEach>
				</ul>
			</div>

			<!-- 动画显示界面 -->
			<div class="tuiguang saishi">
				<div class="tuiguang-left">
					<p class="div-title" id="donghua">动画</p>
					<ul>
						<c:forEach items="${videoListDonghua}" var="a" end="5"
							varStatus="status">

							<li><a href="video.do?op=play&id=${a.getId()}"> <img
									height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
									<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span class="tg-shijian">${a.getLength()}</span>
									<span class="ss-guan">${a.getPlayvolume()}</span> <span
									class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
									class="tg-zhuan" />
							</a>
						</c:forEach>
					</ul>
				</div>

				<!-- 番剧显示界面 -->
				<div class="tuiguang saishi">
					<div class="tuiguang-left">
						<p class="div-title" id="fanju">番剧</p>
						<ul>
							<c:forEach items="${videoListFanju}" var="a" end="5"
								varStatus="status">

								<li><a href="video.do?op=play&id=${a.getId()}"> <img
										height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
										<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
										class="tg-shijian">${a.getLength()}</span> <span
										class="ss-guan">${a.getPlayvolume()}</span> <span
										class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
										class="tg-zhuan" />
								</a>
							</c:forEach>
						</ul>
					</div>

					<!-- 国创显示界面 -->
					<div class="tuiguang saishi">
						<div class="tuiguang-left">
							<p class="div-title" id="guochuang">国创</p>
							<ul>
								<c:forEach items="${videoListGuochuang}" var="a" end="5"
									varStatus="status">

									<li><a href="video.do?op=play&id=${a.getId()}"> <img
											height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
											<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
											class="tg-shijian">${a.getLength()}</span> <span
											class="ss-guan">${a.getPlayvolume()}</span> <span
											class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
											class="tg-zhuan" />
									</a>
								</c:forEach>
							</ul>
						</div>

						<!-- 漫画显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="manhua">漫画</p>
								<ul>
									<c:forEach items="${videoListManhua}" var="a" end="5"
										varStatus="status">

										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
												class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- 音乐显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="yinyue">音乐</p>
								<ul>
									<c:forEach items="${videoListYinyue}" var="a" end="5"
										varStatus="status">

										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
												class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- 舞蹈显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="wudao">舞蹈</p>
								<ul>
									<c:forEach items="${videoListWudao}" var="a" end="5"
										varStatus="status">

										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
												class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- 游戏显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="youxi">游戏</p>
								<ul>
									<c:forEach items="${videoListGame}" var="a" end="5"
										varStatus="status">
										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img
												src="img/liebiao/shijian.png" class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- 科技显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="keji">科技</p>
								<ul>
									<c:forEach items="${videoListKeji}" var="b" end="5"
										varStatus="status">
										<li><a href="video.do?op=play&id=${b.getId()}"> <img
												height="116px" data-lazy-src="${b.getCover()}" /> <!-- 修改图片地址 -->
												<p>${b.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${b.getLength()}</span> <span
												class="ss-guan">${b.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img
												src="img/liebiao/shijian.png" class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- 数码显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="shuma">数码</p>
								<ul>
									<c:forEach items="${videoListShuma}" var="a" end="5"
										varStatus="status">

										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
												class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- 生活显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="shenghuo">生活</p>
								<ul>
									<c:forEach items="${videoListShenghuo}" var="a" end="5"
										varStatus="status">

										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
												class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- 鬼畜显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="guichu">鬼畜</p>
								<ul>
									<c:forEach items="${videoListGuichu}" var="a" end="5"
										varStatus="status">

										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
												class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- 时尚显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="shishang">时尚</p>
								<ul>
									<c:forEach items="${videoListShishang}" var="a" end="5"
										varStatus="status">

										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
												class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- 广告显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="guanggao">广告</p>
								<ul>
									<c:forEach items="${videoListGuanggao}" var="a" end="5"
										varStatus="status">

										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
												class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- 娱乐显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="yule">娱乐</p>
								<ul>
									<c:forEach items="${videoListYule}" var="a" end="5"
										varStatus="status">

										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
												class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- 专栏显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="zhuanlan">专栏</p>
								<ul>
									<c:forEach items="${videoListZhuanglan}" var="a" end="5"
										varStatus="status">

										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
												class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- 电影显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="dianying">电影</p>
								<ul>
									<c:forEach items="${videoListDianying}" var="a" end="5"
										varStatus="status">

										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
												class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- TV剧显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="tvju">TV剧</p>
								<ul>
									<c:forEach items="${videoListTVju}" var="a" end="5"
										varStatus="status">

										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
												class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- 影视显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="yingshi">影视</p>
								<ul>
									<c:forEach items="${videoListYingshi}" var="a" end="5"
										varStatus="status">

										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
												class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>


						<!-- 记录显示界面 -->
						<div class="tuiguang saishi">
							<div class="tuiguang-left">
								<p class="div-title" id="jilupian">记录片</p>
								<ul>
									<c:forEach items="${videoListJilupian}" var="a" end="5"
										varStatus="status">

										<li><a href="video.do?op=play&id=${a.getId()}"> <img
												height="116px" data-lazy-src="${a.getCover()}" /> <!-- 修改图片地址 -->
												<p>${a.getTitle()}</p> <!-- 修改视频标题 --> <span
												class="tg-shijian">${a.getLength()}</span> <span
												class="ss-guan">${a.getPlayvolume()}</span> <span
												class="ss-dian">点赞数</span> <img src="img/index/zhuan.png"
												class="tg-zhuan" />
										</a>
									</c:forEach>
								</ul>
							</div>

						</div>





					</div>

					<!--首页栏结束-->
					<!--固定开始-->
					<!-- <a href="#" class="you-1">试用反馈</a> -->
					<a href="#" class="you-2">联系客服</a>
					<!-- <div class="you-3">
			<img src="img/index/ren.png"/>
			<img src="img/index/ren1.gif" class="gif"/>
		</div> -->
					<div class="banner">
						<img src="img/index/tou.png" class="banner-tou" />
						<ul id="banner">

							<li><a href="#zhibo" class="aa">直播</a><a href="#zhibo"
								class="bb">直播</a></li>
							<li><a href="#donghua" class="aa">动画</a><a href="#donghua"
								class="bb">动画</a></li>
							<li><a href="#fanju" class="aa">番剧</a><a href="#fanju"
								class="bb">番剧</a></li>
							<li><a href="#guochuang" class="aa">国创</a><a
								href="#guochuang" class="bb">国创</a></li>
							<li><a href="#manhua" class="aa">漫画</a><a href="#manhua"
								class="bb">漫画</a></li>
							<li><a href="#yinyue" class="aa">音乐</a><a href="#yinyue"
								class="bb">音乐</a></li>
							<li><a href="#wudao" class="aa">舞蹈</a><a href="#wudao"
								class="bb">舞蹈</a></li>
							<li><a href="#youxi" class="aa">游戏</a><a href="#youxi"
								class="bb">游戏</a></li>
							<li><a href="#keji" class="aa">科技</a><a href="#keji"
								class="bb">科技</a></li>
							<li><a href="#shuma" class="aa">数码</a><a href="#shuma"
								class="bb">数码</a></li>
							<li><a href="#shenghuo" class="aa">生活</a><a href="#shenghuo"
								class="bb">生活</a></li>
							<li><a href="#guichu" class="aa">鬼畜</a><a href="#guichu"
								class="bb">鬼畜</a></li>
							<li><a href="#shishang" class="aa">时尚</a><a href="#shishang"
								class="bb">时尚</a></li>
							<li><a href="#guanggao" class="aa">广告</a><a href="#guanggao"
								class="bb">广告</a></li>
							<li><a href="#yule" class="aa">娱乐</a><a href="#yule"
								class="bb">娱乐</a></li>
							<li><a href="#zhuanlan" class="aa">专栏</a><a href="#zhuanlan"
								class="bb">专栏</a></li>
							<li><a href="#dianying" class="aa">电影</a><a href="#dianying"
								class="bb">电影</a></li>
							<li><a href="#tvju" class="aa">TV剧</a><a href="#tvju"
								class="bb">TV剧</a></li>
							<li><a href="#yingshi" class="aa">影视</a><a href="#yingshi"
								class="bb">影视</a></li>
							<li><a href="#jilupian" class="aa">纪录片</a><a
								href="#jilupian" class="bb">纪录片</a></li>
							<li class="ding-1"></li>
							<li id="toTop-btn" class="ding-2"></li>
							<!-- <li>
          <a href="#" class="aa ding-2"></a>
        </li> -->
						</ul>
					</div>
					<!--固定结束-->
					<!--版权栏开始-->
					<footer>
						<div class="footer-top">
							<div class="footer-top-1">
								<h3>bilibili</h3>
								<ul>
									<li><a href="#">关于我们</a></li>
									<li><a href="#">加入我们</a></li>
									<li><a href="#">bilibili认证</a></li>
									<li><a href="#">联系我们</a></li>
									<li><a href="#">友情链接</a></li>
									<li><a href="#">Investor Relations</a></li>
								</ul>
							</div>
							<div class="footer-top-2">
								<h3>传送门</h3>
								<ul>
									<li><a href="#">帮助中心</a></li>
									<li><a href="#">侵权申诉</a></li>
									<li><a href="#">壁纸站</a></li>
									<li><a href="#">高级弹幕</a></li>
									<li><a href="#">活动中心</a></li>
									<li><a href="#">专车号服务中心</a></li>
									<li><a href="#">活动专题页</a></li>
									<li><a href="#">用户反馈论坛</a></li>
									<li><a href="#">名人堂</a></li>
								</ul>
							</div>
							<div class="footer-top-3">
								<ul>
									<li><a href="#"> <img src="img/footer/f1.png"
											class="f-img-zuo" />
											<p>客户端下载</p> <img src="img/footer/f4.png" class="f-img-you" />
									</a></li>
									<li><a href="#"> <img src="img/footer/f2.png"
											class="f-img-zuo" />
											<p>新浪微博</p> <img src="img/footer/f5.png" class="f-img-you" />
									</a></li>
									<li><a href="#"> <img src="img/footer/f3.png"
											class="f-img-zuo" />
											<p>官方微信</p> <img src="img/footer/f6.png"
											class="f-img-you f-da" />
									</a></li>
								</ul>
							</div>
						</div>
						<div class="footer-bottom" style="margin-bottom: 50px;">
							<div class="footer-bottom-left">
								<img src="img/footer/bq1.png" /> <img src="img/footer/bq2.png" />
								<img src="img/footer/bq3.png" id="fimg" />
							</div>
							<div class="footer-bottom-right">
								<p>广播电视节目制作经营许可证：（沪）字第1248号|网络文化经营许可证：沪网文【2016】2296-134号|信息网络传播视听节目许可证：0910417</p>
								<p>
									互联网ICP备案：<a href="#">沪ICP备13002172号-3</a>沪ICP证：沪B2-20100043
									|违法不良信息举报邮箱：help@bilibili.com |违法不良信息举报电话：4000233233转3 | <a
										href="#">营业执照</a>
								</p>
								<p>
									<img src="img/footer/fp1.png" /><a href="#">上海互联网举报中心</a> | <a
										href="#">12318全国文化市场举报网站 </a>| <img src="img/footer/fp2.png" /><a
										href="#">沪公网安备31011002002436号</a> | <a href="#">儿童色情信息举报专区</a>
								</p>
								<p>
									网上有害信息举报专区：<img src="img/footer/fp3.png" /><a href="#">中国互联网违法和不良信息举报中心</a>
								</p>
								<p>亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。</p>
								<p>公司名称：上海宽娱数码科技有限公司|公司地址：上海市杨浦区政立路485号|电话：021-25099888</p>
							</div>
						</div>
					</footer>
					<!--版权栏结束-->
					<script src="static/js/jquery-3.5.1/jquery-3.5.1.min.js"></script>
					<script src="static/bootstrap/js/bootstrap.js"></script>
					<script src="js/EasyLazyload.min.js"></script>
					<script src="js/jquery.scrollTo.min.js"></script>
					<script src="js/jquery.waypoints.min.js"></script>
					
					
					<div class="modal fade" id="NoPermissionModal">
						<div class="modal-dialog modal-lg">
							<div class="modal-content" style="height: 700px">

								<div class="modal-body" style="height: 600px">
									<iframe id="NoPermissioniframe" width="100%" height="90%"
										frameborder="0"></iframe>
								</div>
								<div class="modal-footer">
									<button id="clo" class="btn btn-primary" type="button"> 关  闭</button>
								</div>
							</div>
						</div>
					</div>
					<script type="text/javascript">
$(function(){
    $("#btnclick").click(function(){
        var frameSrc = "ezf/upload.jsp";
        $("#NoPermissioniframe").attr("src", frameSrc);
        $('#NoPermissionModal').modal({ show: true, backdrop: 'static' });
    });
});

$("#clo").click(function(){
	$("#NoPermissionModal").modal('hide');
})


</script>

					<script>
    $('#toTop-btn').click(()=> {
        $(window).scrollTo(0, 500);
   })
   lazyLoadInit({
       showTime: 1100,
       onLoadBackEnd: function(i, e) {
           console.log("onLoadBackEnd:" + i);
       },
       onLoadBackStart: function(i, e) {
           console.log("onLoadBackStart:" + i);
       }
   });
  </script>
					<script type="text/javascript">
          $(document).ready(function(){ 
	      var uName = "${user.getName()}";
	      console.log(uName);
		  console.log("哈哈");
		  if(uName=="" || uName==null){
			  $("#userJ").css("display","none");// 没有登陆信息隐藏div
			  $("#logshow").css("display","block");
		  }else{
			  $("#userJ").css("display","block");//否则显示div 	
			  $("#logshow").css("display","none");
		  } 
		  /* $("#logshow").css("display","block"); */
		});
          
          
          $("#endLog").click(function(){
        	  $('#log1').submit();
          });
          $("#logbtu2").click(function(){
        	  $('#openlogin').submit();
          });
          $("#regbtu2").click(function(){
        	  $('#register').submit();
          });
          $("#getB").click(function(){
        	  $('#getF').submit();
          });
	</script>

					<script src="${basepath}/js/changeimg.js"></script>
					<script src="${basepath}/js/changeimg-dong.js"></script>
					<script src="${basepath}/js/lunbo.js"></script>
					<script src="${basepath}/js/gundong.js"></script>
</body>
</html>
